---
title: 기존 프로젝트를 Astro로 마이그레이션
description: 여러분의 사이트를 Astro로 전환하기 위한 몇 가지 팁과 요령.
sidebar:
  label: 사이트 마이그레이션 개요
i18nReady: true
---
import MigrationGuidesNav from '~/components/MigrationGuidesNav.astro';

**여러분의 사이트를 Astro로 전환할 준비가 되셨나요?** 마이그레이션 팁에 대한 안내서 중 하나를 참조하세요.

## 마이그레이션 안내서

<MigrationGuidesNav />

이러한 페이지 중 다수는 **스텁**입니다. 이는 여러분의 기여를 기다리는 리소스 모음입니다!

## 사이트를 Astro로 마이그레이션하는 이유는 무엇인가요?

Astro는 성능, 단순성, 프레임워크에 내장된 많은 기능 등 다양한 이점을 제공합니다. 사이트를 확장해야 하는 경우, Astro는 여러 [공식 및 타사 커뮤니티 통합](https://astro.build/integrations)을 제공합니다.

마이그레이션은 생각보다 작업이 적을 수 있습니다!

기존 프로젝트에 따라 기존 프로젝트를 그대로 사용할 수 있습니다.

- Astro에서 직접 사용할 수 있는 [UI 프레임워크 컴포넌트](/ko/guides/framework-components/)

- Tailwind를 포함한 [CSS 스타일시트 또는 라이브러리](/ko/guides/styling/)

- 기존 [remark 및 rehype 플러그인](/ko/guides/markdown-content/#markdown-플러그인)을 사용하여 구성되는 [Markdown/MDX 파일](/ko/guides/markdown-content/) 

- 통합 또는 API를 통한 [CMS 콘텐츠](/ko/guides/cms/)

## 어떤 프로젝트를 Astro로 전환할 수 있나요?

[기존의 많은 사이트들은 Astro로 구축될 수 있습니다](/ko/concepts/why-astro/). Astro는 블로그, 랜딩 페이지, 마케팅 사이트 및 포트폴리오와 같은 기존 콘텐츠 기반 사이트에 이상적으로 적합합니다. Astro는 여러 인기 있는 헤드리스 CMS와 통합되어 전자상거래 장바구니를 연결할 수 있습니다.

Astro를 사용하면 완전히 정적으로 생성된 웹사이트, 요청 시 렌더링되는 라우트가 있는 동적 앱 또는 [프로젝트 렌더링에 대한 완벽한 제어](/ko/guides/on-demand-rendering/)를 통해 두 가지를 조합하여 SSG나 일부 페이지 데이터를 즉시 가져와야 하는 사이트를 훌륭하게 대체할 수 있습니다.

## 내 프로젝트 설계는 어떻게 바뀌나요?

기존 프로젝트에 따라 다음 사항에 대해 다르게 생각해야 할 수도 있습니다.

- 불필요한 JavaScript를 브라우저에 전송하지 않도록 [Astro 아일랜드](/ko/concepts/islands/#아일랜드란)를 사용합니다.

- [클라이언트 측 `<script>` 태그](/ko/guides/client-side-scripts/) 또는 [UI 프레임워크 컴포넌트](/ko/guides/framework-components/)를 사용하여 클라이언트 측 상호 작용을 제공합니다.

- 앱 전체 후크 또는 래퍼 대신 Nano Stores 또는 로컬 저장소를 사용하여 [공유 상태](/ko/recipes/sharing-state-islands/)를 관리합니다.
